html {
    height: 100%;
}

body,
td,
th {
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
}

body {
    height: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    word-break: break-word;
    word-wrap: break-word;
}

.editMode {
    margin: 0px;
    padding: 24px;
    overflow-y: auto
}

.editMode img:-moz-broken {
    -moz-force-broken-image-icon: 1;
    height: 24px;
    width: 24px;
}

.editMode table.xhe-border,
.editMode table.xhe-border th,
.editMode table.xhe-border td {
    border: 1px dotted #d3d3d3;
}

.editMode embed {
    display: inline-block;
    border: 1px dashed #FF4E4E;
}

.editMode embed[type="application/x-shockwave-flash"] {
    background: url(img/flash.gif) center center no-repeat;
}

.editMode embed[type="application/x-mplayer2"] {
    background: url(img/wmp.gif) center center no-repeat;
}

.editMode .xhe-paste {
    position: absolute;
    left: -1000px;
    overflow: hidden;
    width: 1px;
    height: 1px;
}

.editMode .xhe-anchor {
    display: inline-block;
    background: url(img/anchor.gif) no-repeat;
    border: 1px dotted #0000FF;
    width: 16px;
    height: 15px;
    overflow: hidden;
}

.sourceMode {
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    height: 100%;
}

.sourceMode textarea {
    *position: absolute;
    border: 0px;
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    font-family: 'Courier New', Courier, monospace !important;
    font-size: 10pt;
    outline: 0;
}

.previewMode {
    margin: 5px;
    padding: 0px;
}

.showBlocktag p,
.showBlocktag h1,
.showBlocktag h2,
.showBlocktag h3,
.showBlocktag h4,
.showBlocktag h5,
.showBlocktag h6,
.showBlocktag pre,
.showBlocktag address,
.showBlocktag div {
    background: none no-repeat scroll right top;
    border: 1px dotted gray;
}

.showBlocktag p {
    background-image: url(img/tag-p.gif);
}

.showBlocktag h1 {
    background-image: url(img/tag-h1.gif);
}

.showBlocktag h2 {
    background-image: url(img/tag-h2.gif);
}

.showBlocktag h3 {
    background-image: url(img/tag-h3.gif);
}

.showBlocktag h4 {
    background-image: url(img/tag-h4.gif);
}

.showBlocktag h5 {
    background-image: url(img/tag-h5.gif);
}

.showBlocktag h6 {
    background-image: url(img/tag-h6.gif);
}

.showBlocktag pre {
    background-image: url(img/tag-pre.gif);
}

.showBlocktag address {
    background-image: url(img/tag-address.gif);
}

.showBlocktag div {
    background-image: url(img/tag-div.gif);
}

.hljs {
    display: block;
    padding: 0.5em;
    background: #fff;
    color: #000;
}

.hljs-comment,
.hljs-template_comment,
.hljs-javadoc,
.hljs-comment * {
    color: #800;
}

.hljs-keyword,
.method,
.hljs-list .hljs-title,
.setting .hljs-value,
.hljs-winutils,
.http .hljs-title,
.hljs-request,
.hljs-status {
    color: #4F4F4F;
}

.hljs-keyword,
.method,
.hljs-list .hljs-title,
.clojure .hljs-built_in,
.nginx .hljs-title,
.hljs-tag .hljs-title,
.setting .hljs-value,
.hljs-winutils,
.tex .hljs-command,
.http .hljs-title,
.hljs-request,
.hljs-status {
    color: #008;
}

.hljs-envvar {
    color: #660;
}

.hljs-cdata,
.hljs-filter .hljs-argument,
.hljs-attr_selector,
.hljs-date,
.hljs-regexp {
    color: #080;
}

.hljs-sub .hljs-identifier,
.hljs-pi,
.hljs-tag,
.hljs-tag .hljs-keyword,
.hljs-decorator,
.ini .hljs-title,
.hljs-shebang,
.hljs-prompt,
.hljs-hexcolor,
.css .hljs-value .hljs-number,
.hljs-literal,
.hljs-symbol,
.hljs-number,
.css .hljs-function,
.clojure .hljs-attribute {
    color: #066;
}

.hljs-class .hljs-title,
.haskell .hljs-type,
.hljs-javadoctag,
.hljs-yardoctag,
.hljs-phpdoc,
.hljs-typename,
.hljs-tag .hljs-attribute,
.hljs-doctype,
.hljs-class .hljs-id,
.hljs-built_in,
.setting,
.hljs-params,
.hljs-variable,
.clojure .hljs-title {
    color: #4f4f4f;
}

.css .hljs-tag,
.hljs-rules .hljs-property,
.hljs-pseudo {
    color: #000;
}

.css .hljs-class,
.css .hljs-id {
    color: #9b703f;
}

.hljs-value .hljs-important {
    color: #f70;
    font-weight: bold;
}

.hljs-rules .hljs-keyword {
    color: #c5af75;
}

.hljs-annotation,
.apache .hljs-sqbracket,
.nginx .hljs-built_in {
    color: #9b859d;
}

.tex .hljs-formula {
    background-color: #eee;
    font-style: italic;
}

.diff .hljs-header,
.hljs-chunk {
    color: #808080;
    font-weight: bold;
}

.diff .hljs-change {
    background-color: #bccff9;
}

.hljs-addition {
    background-color: #baeeba;
}

.hljs-deletion {
    background-color: #ffc8bd;
}

.hljs-comment .hljs-yardoctag {
    font-weight: bold;
}


/* ä»£ç å—æ ·å¼ */

.hljs-string,
.hljs-title,
.hljs-constant,
.hljs-parent,
.hljs-tag .hljs-value,
.hljs-rules .hljs-value,
.hljs-rules .hljs-value .hljs-number,
.hljs-preprocessor,
.hljs-preprocessor *,
.hljs-pragma,
.haml .hljs-symbol,
.ruby .hljs-symbol,
.ruby .hljs-symbol .hljs-string,
.hljs-aggregate,
.hljs-template_tag,
.django .hljs-variable,
.smalltalk .hljs-class,
.hljs-addition,
.hljs-flow,
.hljs-stream,
.bash .hljs-variable,
.apache .hljs-tag,
.apache .hljs-cbracket,
.tex .hljs-command,
.tex .hljs-special,
.erlang_repl .hljs-function_or_atom,
.asciidoc .hljs-header,
.markdown .hljs-header,
.coffeescript .hljs-attribute {
    color: #090;
}

.hljs,
.hljs-subst,
.hljs-tag .hljs-title,
.lisp .hljs-title,
.clojure .hljs-built_in,
.nginx .hljs-title {
    color: #4f4f4f;
}

.hljs-string,
.hljs-title,
.hljs-constant,
.hljs-parent,
.hljs-tag .hljs-value,
.hljs-rules .hljs-value,
.hljs-rules .hljs-value .hljs-number,
.hljs-preprocessor,
.hljs-pragma,
.haml .hljs-symbol,
.ruby .hljs-symbol,
.ruby .hljs-symbol .hljs-string,
.hljs-aggregate,
.hljs-template_tag,
.django .hljs-variable,
.smalltalk .hljs-class,
.hljs-addition,
.hljs-flow,
.hljs-stream,
.bash .hljs-variable,
.apache .hljs-tag,
.apache .hljs-cbracket,
.tex .hljs-command,
.tex .hljs-special,
.erlang_repl .hljs-function_or_atom,
.asciidoc .hljs-header,
.markdown .hljs-header,
.coffeescript .hljs-attribute {
    color: #090;
}


/* æ–‡ç« æ ·å¼ */

.markdown_views {
    font-family: 'PingFang SC', 'Microsoft YaHei', 'SimHei', 'Arial', 'SimSun';
    font-size: 16px;
    color: #3f3f3f;
}

.markdown_views * {
    box-sizing: border-box;
}

.markdown_views h1,
.markdown_views h2,
.markdown_views h3,
.markdown_views h4,
.markdown_views h5,
.markdown_views h6 {
    color: #4f4f4f;
    margin: 8px 0 24px 0;
}


/* add by zhangw */

.markdown_views h1 {
    font-size: 36px;
    line-height: 64px;
}

.markdown_views h2 {
    font-size: 32px;
    line-height: 56px;
}

.markdown_views h3 {
    font-size: 28px;
    line-height: 50px;
}

.markdown_views h4 {
    font-size: 24px;
    line-height: 42px;
}

.markdown_views h5 {
    font-size: 20px;
    line-height: 36px;
}

.markdown_views h6 {
    font-size: 16px;
    font-weight: blod;
    line-height: 28px;
}


/* aé“¾æŽ¥ */

.markdown_views a {
    color: #4EA1DB;
    text-decoration: none;
}

.markdown_views a:hover,
.markdown_views a:focus {
    color: #216da3;
    text-decoration: underline;
}

.markdown_views a:visited {
    color: #6795B5;
}

.markdown_views p,
.markdown_views pre,
.markdown_views pre.prettyprint {
    margin: 0 0 1.7em;
    line-height: 170%;
}


/* è‡ªå®šä¹‰åˆ—è¡¨ */

.markdown_views dl {
    margin: 0px 24px 24px 24px;
}

.markdown_views dt {
    font-weight: bold;
}

.markdown_views dt,
.markdown_views dd {
    margin-top: 0px;
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 24px;
    color: #4f4f4f;
}

.markdown_views dd {
    margin-left: 24px;
}

.markdown_views ol {
    list-style-type: decimal;
}


/* åˆ—è¡¨ */

.markdown_views ul .markdown_views dir .markdown_views menu,
.markdown_views ol {
    display: block;
    margin: 0px 0px 24px 24px;
    padding: 0 0 0 18px;
    font-size: 14px;
    line-height: 22px;
}

.markdown_views li {
    margin-bottom: 8px;
}

.markdown_views del,
.markdown_views p,
.markdown_views strong {
    font-size: 16px;
    color: #4F4F4F;
    line-height: 28px;
    margin: 0 0 16px 0;
    text-align: justify;
    word-wrap: break-word;
}

.markdown_views p {}

.markdown_views strong {
    font-weight: blod;
}

.markdown_views img {
    margin: 0 24px 24px 24px;
    text-align: center;
}

.markdown_views hr {
    border: 0px;
    border-top: 1px bolid #DDDDDD;
    margin: 36px 0 24px 0;
}

.markdown_views dt {
    font-weight: bold;
}

.markdown_views abbr[title],
.markdown_views abbr[data-original-title] {
    cursor: help;
    border-bottom: 1px dotted #999;
}

.markdown_views .initialism {
    font-size: 90%;
    text-transform: uppercase;
}

.markdown_views blockquote {
    border-left: 8px solid #e9e9e9;
    background-color: #EFEFEF;
    margin: 0 24px 24px 24px;
    padding: 16px;
}

.editMode.markdown_views blockquote {
    border-left: none;
    background-color: transparent;
}

.markdown_views blockquote p {
    font-size: 14px;
    color: #4f4f4f;
    line-height: 22px;
    margin-bottom: 0px;
}

.markdown_views blockquote p:last-child {
    margin-bottom: 0;
}

.markdown_views blockquote small,
.markdown_views blockquote .small {
    display: block;
    line-height: 1.45;
    color: #999;
}

.markdown_views blockquote small:before,
.markdown_views blockquote .small:before {
    content: "â€”Â ";
}

.markdown_views blockquote.pull-right {
    padding-right: 15px;
    padding-left: 0;
    border-right: 5px solid rgba(128, 128, 128, 0.075);
    border-left: 0;
}

.markdown_views blockquote.pull-right p,
.markdown_views blockquote.pull-right small,
.markdown_views blockquote.pull-right .small {
    text-align: right;
}

.markdown_views blockquote.pull-right small:before,
.markdown_views blockquote.pull-right .small:before {
    content: "";
}

.markdown_views blockquote.pull-right small:after,
.markdown_views blockquote.pull-right .small:after {
    content: "Â â€”";
}

.markdown_views blockquote:before,
.markdown_views blockquote:after {
    content: "";
}

.markdown_views address {
    margin-bottom: 21px;
    font-style: normal;
    line-height: 1.45;
}

.markdown_views code,
.markdown_views kbd,
.markdown_views pre,
.markdown_views samp {
    font-family: "Source Code Pro", monospace;
}

.markdown_views code {
    padding: 2px 4px;
    font-size: 90%;
    color: #4f4f4f;
    background-color: #EFEFEF;
    border-radius: 0;
}


/* ä»£ç å— */

.markdown_views pre {
    display: block;
    line-height: 22px;
    word-break: braek-all;
    word-wrap: break-word;
    white-space: pre-wrap;
}

.markdown_views pre,
.markdown_views pre.prettyprint {
    text-align: start;
    margin: 0 24px 24px 24px;
    border: 0;
    background-color: #EFEFEF;
    padding: 16px 24px;
}

.markdown_views pre code {
    white-space: pre-warp;
    font-size: inherit;
}

.markdown_views code,
.markdown_views pre {
    font-family: "Source Code Pro", monospace;
    font-size: 14px;
    line-height: 22px;
}

.markdown_views .pre-scrollable {
    max-height: 340px;
    overflow-y: scroll;
}

.markdown_views table {
    width: 100%;
    margin: 0 24px 24px 24px;
    max-width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid #DDDDDD;
    background-color: #FFFFFF;
}

.markdown_views table th,
.markdown_views table td {
    font-size: 14px;
    padding: 8px 16px;
    line-height: 22px;
    word-break: break-all;
    border: 1px solid #DDDDDD;
}

.markdown_views table td {
    word-break: break-all;
}

.markdown_views table th {
    font-weight: blod;
}

.markdown_views .prettyprint .pre-numbering {
    position: absolute;
    width: 50px;
    background-color: #eee;
    top: 0px;
    left: 0;
    margin: 0;
    padding: 6px 0 40px 0;
    border-right: 1px solid #ddd;
    list-style: none;
    text-align: right;
}

.markdown_views .prettyprint .pre-numbering li {
    padding: 0 5px;
    list-style: none;
    margin-left: 0;
}

.markdown_views em {
    font-style: italic;
}


/* toc */

.markdown_views .toc {
    font-size: 16px;
    line-height: 24px;
    margin: 0 24px 24px 0px;
}

.markdown_views .toc ul li {
    list-style-type: none;
}


/* è„šæ³¨ */

.markdown_views .footnote {
    vertical-align: top;
    position: relative;
    top: -4px;
    font-size: 12px;
}


/* UMLå›¾ */

.markdown_views .sequence-diagram,
.markdown_views .flow-chart {
    text-align: center;
    margin-bottom: 1.1em;
}

.markdown_views .sequence-diagram,
.markdown_views .flow-chart {
    text-align: center;
    margin-bottom: 24px;
    font-size: 14px !important;
}

.markdown_views .sequence-diagram [fill="#000"],
.markdown_views .flow-chart [fill="#000"],
.markdown_views .sequence-diagram [fill="#000000"],
.markdown_views .flow-chart [fill="#000000"],
.markdown_views .sequence-diagram [fill="black"],
.markdown_views .flow-chart [fill="black"] {
    fill: #4f4f4f;
}

.markdown_views .sequence-diagram [stroke="#000000"],
.markdown_views .flow-chart [stroke="#000000"] {
    stroke: #4f4f4f;
}


/* å…¬å¼ */

.markdown_views .MathJax_SVG_Display {
    text-align: center;
    margin: 0 0 24px 0;
    font-size: 18px;
    font-weight: 400;
    color: #4f4f4f;
    position: relative;
    text-indent: 0;
    max-width: none;
    max-height: none;
    min-width: 0;
    min-height: 0;
    width: 100%;
}